<include file="Public/head"/>

<style type="text/css">

     .div0{

            background-color:#121b38;
        }

.inputys{background-color:rgba(255,255,255,0); height:40px;outline: none; border:0px; color:#fff;width:100%;}
* {padding:0;margin:0;}

table {border-collapse:collapse;border:1px #424664 solid;margin:0 auto; color:#bdc8e9;}
th, td {border:1px #424664 solid;text-align:center;font-size:12px;line-height:30px;}
th {line-height:50px;}
/*模拟对角线*/
.out {width:0px;height:0px;position:relative;}
b {font-style:normal;display:block;position:absolute;top:-23px;left:30px;width:77px; line-height:15px;}
em {font-style:normal;display:block;position:absolute;top:-5px;left:-30px;width:100px; line-height:15px;}
span.line{ display:block; width:100px; height:1px; background:#424664;-webkit-transform:rotate(28deg);-ms-transform:rotate(28deg); -moz-transform:rotate(28deg); transform:rotate(28deg); position:absolute; top:0px; left:-3px;}
option {
    background: #162146;
}
.time-selected:active,.time-selected:hover,,.time-selected:focus {
    background: red;
}

#page a {
    text-decoration:none;
}
.close-all {
    text-align: center;
}
.close-img {
    width: 55px;
}
.close-ck {
    padding-top: 11px;
}
.row-fluid{
    margin-top: 10px;
}
    .t1{
        margin-top: 10px;
    }

</style>

    <script type="text/javascript">
        var count = 1;
        function ChangeBGC(obj)
        {
            //有了简单 计数变量 配合 if-else判断
            //就可以实现 颜色的转变
            if(count%2!=0)
            {
                obj.style.backgroundColor = "#fff";
            }
            else
            {
                obj.style.backgroundColor = "#fff";
            }
            count++;
        }
    </script>

<body style="padding-top: 38px">
<div class="container">
         <div style=" float:right; padding-top:15px;">
			<!-- <img src="__IMG__/yj.png" alt="" width="27" height="15"  />	 -->
	     </div>

          <div class="row-fluid" style=" background-image:url(__IMG__/bg1.png); height:120px; border-radius: 4px; margin-top:20px;">
          <div  class="t1" style=" text-align:right;padding-top:5px; padding-right:15px;">
                <a href="{:U('Finance/history')}" style="color: #fff;text-decoration:none;">{:L('_ZD_')}</a>
          </div>
              <div style="padding: 1rem;">
              <!--<div  class="t1" >资产券 {$userData['z1']}</div>-->
                  <!--<div  class="t1" style="color:#fff" >EASY {$userData['z11']}</div>-->
                  <div  class="t1"  style="color:#fff">总资产价值</div>
                  <div  class="t1" style="color:#fff">{$userData['total_money']}USDT</div>
          <!--<div  class="t1" style=" text-align:center;">{:L('_ZZCGZ_')}</div>-->
          <!--<div  style=" text-align:center;  font-size:22px; color:#fff;">{$lockData + $userData['reward1']} GBC</div>-->
          <!--<div  style=" text-align:center;  font-size:14px; color:#fff;">¥ {$totalDataCny | default='0.00'}</div>-->
              </div>
	     </div>



       <div class="row-fluid " style=" margin-top:15px; height:30px;">
        <a  href="{:U('Finance/wallet')}">
           <div class="qk" style=" width:30%; float:left;height:30px; line-height:30px;" class="div0" onclick="ChangeBGC(this)">
              <p class="t1" style=" text-align:center; color:#fff;background-color:#1045A7;border-radius: 6px;">充提币</p>
         </div>
        </a>
        <div  style=" width:5%; float:left;" > &nbsp;&nbsp;</div>
                   <!--<a  href="{:U('Account/withdraw')}">-->
                       <!--<div class="qk" style=" width:30%; float:left;height:30px; line-height:30px; " class="div0" onclick="ChangeBGC(this)">-->
                           <!--<p class="t1" style=" text-align:center; color:#2cd0da; ">{:L('_ZZ_')}</p>-->
                           <!--<p class="t1" style=" text-align:center; color:#fff;background-color:#2cd0da;border-radius: 6px; ">互转</p>-->
                       <!--</div>-->
                   <!--</a>-->


           <a  href="{:U('Account/withdraw')}">
               <div class="qk" style=" width:30%;float:left; height:30px; line-height:30px;"  onclick="ChangeBGC(this)">
                   <p class="t1" style=" text-align:center;color:#fff;background-color:#1045A7;border-radius: 6px;">互转</p>
               </div>
           </a>
<!--        <a  href="{:U('Finance/transfer')}">-->
<!--            <div class="qk" style=" width:30%; float:left;height:30px; line-height:30px; " class="div0" onclick="ChangeBGC(this)">-->
<!--                &lt;!&ndash;<p class="t1" style=" text-align:center; color:#2cd0da; ">{:L('_ZZ_')}</p>&ndash;&gt;-->
<!--                &lt;!&ndash;<p class="t1" style=" text-align:center; color:#fff;background-color:#2cd0da;border-radius: 6px; ">闪兑</p>&ndash;&gt;-->
<!--            </div>-->
<!--        </a>-->

        <div  style=" width:5%; float:left;">&nbsp;&nbsp; </div>

        <!--<a  href="{:U('Finance/withdraw')}">-->
            <!--<div class="qk" style=" width:30%; float:right;height:30px; line-height:30px;" class="div0" onclick="ChangeBGC(this)">-->
                <!--<p class="t1" style=" text-align:center; color:#2cd0da; ">{:L('_TB_')}</p>-->
            <!--</div>-->
        <!--</a>-->

           <a  href="{:U('Finance/live')}">
               <div class="qk" style=" width:30%; float:right;height:30px; line-height:30px;" class="div0" onclick="ChangeBGC(this)">
                   <p class="t1" style=" text-align:center;color:#fff;background-color:#1045A7;border-radius: 6px;">存储生息</p>
               </div>
           </a>

           <div  style=" width:5%; float:left;">&nbsp;&nbsp; </div>

       </div>


  <div class="row-fluid qk" style=" margin-top:15px; height:100%; ">

    <!--<div style=" height:60px; padding-top:10px;">-->
           <!--<div style=" float:left; padding-left:15px; padding-top:5px; "><img src="__IMG__/logo_3.png"  width="28" height="31" /></div>-->
           <!--<div style="float:left; width:45%; padding-left:15px;">-->
                <!--<div class="t1">资产券</div>-->
               <!--<div style=" font-size:14px; color:#808bab;">Ticket Token</div>-->
           <!--</div>-->

          <!--<div style="  float:right; padding-right:15px; text-align:right;">-->
               <!--<div class="t1" >{$userData['z1'] | default='0.00'}</div>-->
               <!--&lt;!&ndash;<div style=" font-size:16px; color:#808bab;">¥ {$userData['z1_cny'] | default='0.00'}</div>&ndash;&gt;-->
           <!--</div>-->
    <!--</div>-->

    <!--<div class="line1"></div>-->



      <div style=" height:60px; padding-top:10px;">
          <div style=" float:left; padding-left:15px; padding-top:5px; "><img src="__IMG__/asset.png"  width="28" height="31" /></div>
          <div style="float:left; width:45%; padding-left:15px;">
              <div class="t1">ASSET</div>
              <!--<div style=" font-size:14px; color:#808bab;">ASSET Token</div>-->
          </div>

          <div style="  float:right; padding-right:15px; text-align:right;">
              <div class="t1" >{$userData['z7'] | default='0.00'}</div>
              <!--<div style=" font-size:16px; color:#808bab;">¥ {$userData['z1_cny'] | default='0.00'}</div>-->
          </div>
      </div>
      <div class="line1"></div>
      <div style=" height:60px; padding-top:10px;">
          <div style=" float:left; padding-left:15px; padding-top:5px; ">
              <!--<img src="__IMG__/logo_3.png"  width="28" height="31" />-->
              <img src="__IMG__/usdt.png"  width="28" height="31" />
          </div>
          <div style="float:left; width:45%; padding-left:15px;">
              <div class="t1">USDT</div>
              <!--<div style=" font-size:14px; color:#808bab;">USDT Token</div>-->
          </div>

          <div style="  float:right; padding-right:15px; text-align:right;">
              <div class="t1" >{$userData['z8'] | default='0.00'}</div>
              <!--<div style=" font-size:16px; color:#808bab;">¥ {$userData['z1_cny'] | default='0.00'}</div>-->
          </div>
      </div>



      <div class="line1"></div>
      <div style=" height:60px; padding-top:10px;">
          <div style=" float:left; padding-left:15px; padding-top:5px; ">
              <!--<img src="__IMG__/logo_3.png"  width="28" height="31" />-->
              <img src="__IMG__/btc.png"  width="28" height="31" />
          </div>
          <div style="float:left; width:45%; padding-left:15px;">
              <div class="t1">BTC</div>
              <!--<div style=" font-size:14px; color:#808bab;">USDT Token</div>-->
          </div>

          <div style="  float:right; padding-right:15px; text-align:right;">
              <div class="t1" >0.00</div>
              <!--<div style=" font-size:16px; color:#808bab;">¥ {$userData['z1_cny'] | default='0.00'}</div>-->
          </div>
      </div>
      <div class="line1"></div>
      <div style=" height:60px; padding-top:10px;">
          <div style=" float:left; padding-left:15px; padding-top:5px; ">
              <!--<img src="__IMG__/logo_3.png"  width="28" height="31" />-->
              <img src="__IMG__/eth.png"  width="28" height="31" />
          </div>
          <div style="float:left; width:45%; padding-left:15px;">
              <div class="t1">ETH</div>
              <!--<div style=" font-size:14px; color:#808bab;">USDT Token</div>-->
          </div>

          <div style="  float:right; padding-right:15px; text-align:right;">
              <div class="t1" >0.00</div>
              <!--<div style=" font-size:16px; color:#808bab;">¥ {$userData['z1_cny'] | default='0.00'}</div>-->
          </div>
      </div>
      <div style=" height:60px; padding-top:10px;">
          <div style=" float:left; padding-left:15px; padding-top:5px; ">
              <!--<img src="__IMG__/logo_3.png"  width="28" height="31" />-->
              <img src="__IMG__/eos.png"  width="28" height="31" />
          </div>
          <div style="float:left; width:45%; padding-left:15px;">
              <div class="t1">EOS</div>
              <!--<div style=" font-size:14px; color:#808bab;">USDT Token</div>-->
          </div>

          <div style="  float:right; padding-right:15px; text-align:right;">
              <div class="t1" >0.00</div>
              <!--<div style=" font-size:16px; color:#808bab;">¥ {$userData['z1_cny'] | default='0.00'}</div>-->
          </div>
      </div>


      <div style=" height:60px; padding-top:10px;">
          <div style=" float:left; padding-left:15px; padding-top:5px; "><img src="__IMG__/easy.png"  width="28" height="31" /></div>
          <div style="float:left; width:45%; padding-left:15px;">
              <div class="t1">EASY</div>
              <!--<div style=" font-size:14px; color:#808bab;">EASY Token</div>-->
          </div>

          <div style="  float:right; padding-right:15px; text-align:right;">
              <div class="t1" >{$userData['z11'] | default='0.00'}</div>
          </div>
      </div>






<!--      <div class="line1"></div>-->
<!--      &lt;!&ndash;<a href="{:U('Locked/locked_list')}">&ndash;&gt;-->
<!--      <div style=" height:60px; padding-top:10px;">-->
<!--          <div style=" float:left; padding-left:15px; padding-top:5px; "><img src="__IMG__/asset.png"  width="28" height="31" /></div>-->
<!--          <div style="float:left; width:45%; padding-left:15px;">-->
<!--              <div class="t1">ASSET存币数</div>-->
<!--              &lt;!&ndash;<div style=" font-size:14px; color:#808bab;">ASSET Token</div>&ndash;&gt;-->
<!--          </div>-->

<!--          <div style="  float:right; padding-right:15px; text-align:right;">-->
<!--              <div class="t1" >{$userData['z10'] | default='0.00'}</div>-->
<!--              &lt;!&ndash;<div style=" font-size:16px; color:#808bab;">¥ {$userData['z1_cny'] | default='0.00'}</div>&ndash;&gt;-->
<!--          </div>-->
<!--      </div>-->
<!--      &lt;!&ndash;</a>&ndash;&gt;-->
<!--      <div class="line1"></div>-->
<!--&lt;!&ndash;<a href="{:U('Finance/profit')}">&ndash;&gt;-->
<!--      <div style=" height:60px; padding-top:10px;">-->
<!--          <div style=" float:left; padding-left:15px; padding-top:5px; "><img src="__IMG__/asset.png"  width="28" height="31" /></div>-->
<!--          <div style="float:left; width:45%; padding-left:15px;">-->
<!--              <div class="t1">ASSET存储生息</div>-->
<!--              &lt;!&ndash;<div style=" font-size:14px; color:#808bab;">ASSET Token</div>&ndash;&gt;-->
<!--          </div>-->

<!--          <div style="  float:right; padding-right:15px; text-align:right;">-->
<!--              <div class="t1" >{$userData['z9'] | default='0.00'}</div>-->
<!--              &lt;!&ndash;<div style=" font-size:16px; color:#808bab;">¥ {$userData['z1_cny'] | default='0.00'}</div>&ndash;&gt;-->
<!--          </div>-->
<!--      </div>-->
<!--&lt;!&ndash;</a>&ndash;&gt;-->
<!--      <div class="line1"></div>-->

<!--      &lt;!&ndash;<a href="{:U('Locked/locked_list')}">&ndash;&gt;-->
<!--      <div style=" height:60px; padding-top:10px;">-->
<!--          <div style=" float:left; padding-left:15px; padding-top:5px; "><img src="__IMG__/easy.png"  width="28" height="31" /></div>-->
<!--          <div style="float:left; width:45%; padding-left:15px;">-->
<!--              <div class="t1">EASY存币数</div>-->
<!--              &lt;!&ndash;<div style=" font-size:14px; color:#808bab;">EASY Token</div>&ndash;&gt;-->
<!--          </div>-->

<!--          <div style="  float:right; padding-right:15px; text-align:right;">-->
<!--              <div class="t1" >{$userData['z13'] | default='0.00'}</div>-->
<!--              &lt;!&ndash;<div style=" font-size:16px; color:#808bab;">¥ {$userData['z1_cny'] | default='0.00'}</div>&ndash;&gt;-->
<!--          </div>-->
<!--      </div>-->
<!--      &lt;!&ndash;</a>&ndash;&gt;-->
<!--      <div class="line1"></div>-->
<!--      &lt;!&ndash;<a href="{:U('Finance/profit')}">&ndash;&gt;-->
<!--      <div style=" height:60px; padding-top:10px;">-->
<!--          <div style=" float:left; padding-left:15px; padding-top:5px; "><img src="__IMG__/easy.png"  width="28" height="31" /></div>-->
<!--          <div style="float:left; width:45%; padding-left:15px;">-->
<!--              <div class="t1">EASY存储生息</div>-->
<!--              &lt;!&ndash;<div style=" font-size:14px; color:#808bab;">EASY Token</div>&ndash;&gt;-->
<!--          </div>-->

<!--          <div style="  float:right; padding-right:15px; text-align:right;">-->
<!--              <div class="t1" >{$userData['z12'] | default='0.00'}</div>-->
<!--              &lt;!&ndash;<div style=" font-size:16px; color:#808bab;">¥ {$userData['z1_cny'] | default='0.00'}</div>&ndash;&gt;-->
<!--          </div>-->
<!--      </div>-->
<!--      &lt;!&ndash;</a>&ndash;&gt;-->
<!--      <div class="line1"></div>-->
<!--      <a href="{:U('Locked/commission')}">-->
<!--      <div style=" height:60px; padding-top:10px;">-->
<!--          <div style=" float:left; padding-left:15px; padding-top:5px; "><img src="__IMG__/logo_2.png"  width="28" height="31" /></div>-->
<!--          <div style="float:left; width:45%; padding-left:15px;">-->
<!--              <div class="t1">佣金</div>-->
<!--              &lt;!&ndash;<div style=" font-size:14px; color:#808bab;">Commission Token</div>&ndash;&gt;-->
<!--          </div>-->

<!--          <div style="  float:right; padding-right:15px; text-align:right;">-->
<!--              <div class="t1" >{$userData['z6'] | default='0.00'}</div>-->
<!--              &lt;!&ndash;<div style=" font-size:16px; color:#808bab;">¥ {$userData['z1_cny'] | default='0.00'}</div>&ndash;&gt;-->
<!--          </div>-->
<!--      </div>-->
<!--      </a>-->
      <div class="line1"></div>
    <!--<div style=" height:60px; padding-top:10px;">-->
       <!--<div style=" float:left; padding-left:15px; padding-top:5px; ">-->
         <!--<img src="__IMG__/logo_2.png"  width="30" height="33" /></div>-->
       <!--<div style="float:left; width:45%; padding-left:15px;">-->
            <!--<div class="t1">GBC（{:L('_ZH_')}）</div>-->
           <!--<div style=" font-size:14px; color:#808bab;">GBC Token</div>-->
       <!--</div>-->

       <!--<div style="  float:right; padding-right:15px; text-align:right;">-->
           <!--<div class="t1" >{$userData['reward1'] | default='0.00'}</div>-->
           <!--<div style=" font-size:16px; color:#808bab;">¥ {$userDataCny | default='0.00'}</div>-->
       <!--</div>-->
    <!--</div>-->

   <!--<div class="line1"></div>-->

<!--     <div style=" height:60px; padding-top:10px;">
       <div style=" float:left; padding-left:15px; padding-top:5px; "><img src="__IMG__/B.png"  width="30" height="30" /></div>
       <div style="float:left; width:45%; padding-left:15px;">
            <div class="t1">BTC</div>
           <div style=" font-size:14px; color:#808bab;">bitcoin</div>
       </div>

      <div style="  float:right; padding-right:15px; text-align:right;">
           <div class="t1" >425.22854</div>
           <div style=" font-size:16px; color:#808bab;">可用：400.2525</div>
       </div>
    </div>

    <div class="line1"></div>     -->

    <div style=" height:15px;"></div>
    </div>

<!--     <div class="row-fluid qk" style=" margin-top:15px; height:100%;">
    <div style=" font-size:16px; color:#fff; padding-top:10px; margin-left:15px; padding-bottom:10px;">暂未开放锁仓功能</div>
    <div class="line1"></div>


    <div style=" height:60px; padding-top:10px;">
    <div style=" float:left; padding-left:15px; padding-top:5px; ">
         <img src="__IMG__/eth.png"  width="30" height="30" /></div>
       <div style="float:left; width:45%; padding-left:15px;">
            <div class="t1">ETH</div>
           <div style=" font-size:14px; color:#808bab;">Ethereum</div>
       </div>

       <div style="  float:right; padding-right:15px; text-align:right;">
           <div class="t1" >0.00</div>
           <div style=" font-size:16px; color:#808bab;">฿ 0</div>
       </div>
       <div class="line1"></div>
    </div>

    <div style=" height:60px; padding-top:10px;">
    <div style=" float:left; padding-left:15px; padding-top:5px; ">
         <img src="__IMG__/eth1.png"  width="30" height="30" /></div>
       <div style="float:left; width:45%; padding-left:15px;">
            <div class="t1">ETC</div>
           <div style=" font-size:14px; color:#808bab;">Ethereum Classic</div>
       </div>

       <div style="  float:right; padding-right:15px; text-align:right;">
           <div class="t1" >0.00</div>
           <div style=" font-size:16px; color:#808bab;">฿ 0</div>
       </div>
       <div class="line1"></div>
    </div>

    <div style=" height:60px; padding-top:10px;">
    <div style=" float:left; padding-left:15px; padding-top:5px; ">
         <img src="__IMG__/bch.png"  width="30" height="30" /></div>
       <div style="float:left; width:45%; padding-left:15px;">
            <div class="t1">BCH</div>
           <div style=" font-size:14px; color:#808bab;">Bitcoin Cash</div>
       </div>

       <div style="  float:right; padding-right:15px; text-align:right;">
           <div class="t1" >0.00</div>
           <div style=" font-size:16px; color:#808bab;">฿ 0</div>
       </div>
       <div class="line1"></div>
    </div>

    <div style=" height:10px;"></div>   -->


        <!--     <div class="t3" style=" padding-top:10px; font-size:18px;color: #FFF;">锁仓</div>

        <div class="row-fluid qk">

            <div class=" t1" style="padding-top:1px; padding-left:15px;color: #808bab;width: 100%;">

            </div>
                <div style=" height:40px;background-color:#162146; margin:15px 15px 0px 15px;">
                    <div class="t3" style=" float:left; height:40px; line-height:40px; color:#808bab; margin-left:10px; width:20%;">可用余额</div>
                    <div style=" float:left; padding-left:10px; width:60%;">
                        <input type="text" placeholder="输入数量" value="{$userData['reward1']}" class="inputys" >
                    </div>
                    <div class="t3" style=" float:right; height:40px;line-height:40px; margin-right:10px;">GBC</div>
                </div>

                <div style=" height:40px;  background-color:#162146; margin:15px 15px 0px 15px;">
                    <div class="t3" style=" float:left; height:40px; line-height:40px; color:#808bab; margin-left:10px; width:20%;">锁仓数量</div>
                    <div style=" float:left; padding-left:10px; width:60%;">
                        <input type="text" id="amount" placeholder="输入数量" class="inputys" >
                    </div>
                    <div class="t3" id="all" style=" float:right; height:40px; line-height:40px;padding-right:10px;color: #2cd0da;">全部</div>
                </div>

                <div style=" margin:15px 15px 0px 15px;">
                    <button id="btn-1" type="button" style="width: 49.2%;">确认锁仓</button>
                    <a href="{:U('Locked/record')}" style="color: #FFF;text-decoration:none;">
                    <button class="btn-2" type="button" style="width: 49.5%;">查看明细</button>
                    </a>
                </div>

                <div style=" height:15px;"></div>
           </div>  -->

     <div style=" height:100px;"></div>

 </div>

    <div class=" ft">
        <div class="row">
            <!--<a href="{:U('Index/index')}"  >-->
            <a href="/index.php"  >
                    <div class="col-xs-3">
                      <img src="__IMG__/home.png" width="25" height="25"  />
                      <!--<p class="t6">{:L('_SY_')}</p>-->
                      <p class="t6">商城</p>
                    </div>
            </a>
            <a href="https://www.happycoin.pro"  >
                <div class="col-xs-3">
                    <img src="__IMG__/logo_5.png" width="25" height="25"  />
                    <p class="t6">交易所</p>
                </div>
            </a>
            <a href="{:U('Market/index')}" >
                    <div class="col-xs-3">
                  <img src="__IMG__/bourse.png" width="24" height="25"  />
                      <p class="t6">{:L('_HQ_')}</p>
                    </div>
            </a>

            <a href="{:U('Finance/index')}" >
                    <div class="col-xs-3">
                  <img src="__IMG__/zc-1.png" width="24" height="25"  />
                      <p class="t5">{:L('_ZC_')}</p>
                    </div>
            </a>

            <a href="{:U('Account/index')}" >
                    <div class="col-xs-3">
                   <img src="__IMG__/zh.png" width="21" height="25"  />
                      <p class="t6">{:L('_ZH_')}</p>
                    </div>
            </a>
        </div>
    </div>
</body>
</html>
<script type="text/javascript">

    $("#all").click(function() {
        $("#amount").val("{$userData['reward1']}");
    });


    $("#btn-1").click(function(){

        var balance = "{$userData['reward1']}";
        var amount = $("#amount").val();

        if(amount == '')
        {
            amount = 0;
        }

        if(amount == ''){
            layer.msg('锁仓数量不能为空',{time:1000});
            return false;
        }

        if(parseFloat(amount) <= 0)
        {
            layer.msg('锁仓数量不能为0',{time:1000});
            return false;
        }

        if(parseFloat(amount) > parseFloat(balance))

        {
            layer.msg('账户余额不足',{time:1000});
            return false;
        }

        layer.confirm("请确认锁仓："+amount+" GBC ", {
          btn: ['是','否'] //按钮
        }, function(){

         $.ajax({
            type: 'POST',
            url: "{:U('Locked/index')}",
            dataType: 'json',
            data: {
                amount:amount
            },
            success: function(data){
                 if(data.code>0){
                    layer.msg(data.message,{time:1000});

                    window.location.href="{:U('Finance/index')}";
                 }
                 else{
                    layer.msg(data.message,{time:1000});
                 }
            }
        })


        }, function(){

        });

 });

</script>

